<template>
	<view class="container">
		<view class="top">
			<view  class="above">
				<view class="" v-for="(item,index) in 3" :key="index">
					<image class="picture" src="../../static/homepage/tdmckk.png"  mode=""></image>
				</view>
			</view>
			<view  class="below">
				<view class="" v-for="(item,index) in 4" :key="index">
					<image class="picture" src="../../static/homepage/tdmckk.png"  mode=""></image>
				</view>
			</view>
		</view>
		<view class="shuzi u-m-t-20">
			<view class="count u-p-t-36 u-p-b-10 u-flex u-row-center">
				<u-count-to
					class="count-to"
					ref="uCountTo"
					:autoplay="autoplay"
					:startVal="startVal"
					:endVal="endVal"
					:duration="duration"
					:decimals="decimals"
					:bold="bold"
					:fontSize="fontSize"
					:color="color"
				></u-count-to>
				<text class="u-m-l-10">名优秀伙伴为您服务</text>
			</view>

			<u-form :model="model" :rules="rules" ref="uForm" :errorType="errorType">
			
				<u-form-item class="group" :label-width="200" :border-bottom="false" :label-position="labelPosition" label="我是" prop="ws">
					<u-input
						:border="border"
						type="select"
						:select-open="selectShowWs"
						v-model="model.ws"
						placeholder="请选择"
						placeholderStyle="color: #4B9CFF;"
						input-align="right"
						@click="selectShowWs = true"
					></u-input>
				</u-form-item>
				<u-form-item class="group" :label-width="200" :border-bottom="false" :label-position="labelPosition" label="我需要" prop="wxy">
					<u-input
						:border="border"
						type="select"
						:select-open="selectShowWxy"
						v-model="model.wxy"
						placeholder="请选择"
						placeholderStyle="color: #4B9CFF;"
						input-align="right"
						@click="selectShowWxy = true"
					></u-input>
				</u-form-item>
				<u-form-item class="group" :label-width="200" :border-bottom="false" :label-position="labelPosition" label="我意向" prop="wyx">
					<u-input
						:border="border"
						type="select"
						:select-open="selectShowWyx"
						v-model="model.wyx"
						placeholder="请选择"
						placeholderStyle="color: #4B9CFF;"
						input-align="right"
						@click="selectShowWyx = true"
					></u-input>
				</u-form-item>
				<u-gap :bg-color="bgColor" :height="height" :margin-top="marginTop" :margin-bottom="marginBottom"></u-gap>
				<u-form-item class="u-m-l-30 u-m-r-40" :label-width="200" :label-position="labelPosition" :border-bottom="true" label="拼团人数" prop="ptrs">
					<u-input :border="border" type="select" :select-open="selectShowPtrs" v-model="model.ptrs" placeholder="请选择" placeholderStyle="color: #0D1D36;"
					 input-align="right" @click="selectShowPtrs = true"></u-input>
				</u-form-item>
				<!-- <u-form-item class="u-m-l-30 u-m-r-40" :label-width="200" :label-position="labelPosition" :border-bottom="true" label="男性人数" prop="nsrs">
					<u-input :border="border" type="select" :select-open="selectShowNsrs" v-model="model.nsrs" placeholder="请选择" placeholderStyle="color: #0D1D36;"
					 input-align="right" @click="selectShowNsrs = true"></u-input>
				</u-form-item>
				<u-form-item class="u-m-l-30 u-m-r-40" :label-width="200" :label-position="labelPosition" :border-bottom="true" label="女性人数" prop="nxrs">
					<u-input type="select" :select-open="selectShowNxrs" v-model="model.nxrs" placeholder="请选择" placeholderStyle="color: #0D1D36;"
					 input-align="right" @click="selectShowNxrs = true"></u-input>
				</u-form-item>
				<u-form-item class="u-m-l-30 u-m-r-40" :label-width="200" :label-position="labelPosition" :border-bottom="true" label="年龄" prop="nl">
					<u-input type="select" :select-open="selectShowNl" v-model="model.nl" placeholder="请选择" placeholderStyle="color: #0D1D36;"
					 input-align="right" @click="selectShowNl = true"></u-input>
				</u-form-item> -->
				<u-form-item class="u-m-l-30 u-m-r-40" :label-width="200" :label-position="labelPosition" :border-bottom="true" label="目的地" prop="mdd">
					<u-input :border="border" type="select" :select-open="selectShowMdd" v-model="model.mdd" placeholder="请选择" placeholderStyle="color: #0D1D36;"
					 input-align="right" @click="selectShowMdd = true"></u-input>
				</u-form-item>
				<!-- <u-form-item class="u-m-l-30 u-m-r-30" :label-position="labelPosition" label="目的地" prop="region" label-width="400">
					<u-input :border="border" type="select" :select-open="pickerShow" input-align="right" placeholderStyle="color: #0D1D36;" v-model="model.region" placeholder="请选择地区" @click="pickerShow = true"></u-input>
				</u-form-item> -->
				<u-form-item class="u-m-l-30 u-m-r-30" label-width="200" :label-position="labelPosition" label="活动时间" prop="hdsj">
					<u-input :border="border" @click="dianji" placeholder="请选择" v-model="result" type="text" input-align="right"></u-input>
					<u-calendar v-model="show" ref="calendar" @change="change" :mode="mode"
						:start-text="startText" :end-text="endText" :range-color="rangeColor"
						:range-bg-color="rangeBgColor" :active-bg-color="activeBgColor"
					>
					</u-calendar>
				</u-form-item>
				<u-form-item class="u-m-l-30 u-m-r-30" label-width="200" :label-position="labelPosition" label="活动路线" prop="hdlx">
					<u-input :border="border" placeholder="请输入" v-model="model.hdlx" type="text" input-align="right"></u-input>
				</u-form-item>
				<u-form-item class="u-m-l-30 u-m-r-30" label-width="200" :label-position="labelPosition" label="商业策划" prop="sych">
					<u-input :border="border" placeholder="请输入" v-model="model.sych" type="text" input-align="right"></u-input>
				</u-form-item>
				<u-form-item class="u-m-l-30 u-m-r-30" :label-width="200" :label-position="labelPosition" label="企业性质" prop="qyxz">
					<u-input type="select" :select-open="selectShowQyxz" v-model="model.qyxz" placeholder="请选择" placeholderStyle="color: #0D1D36;"
					 input-align="right" @click="selectShowQyxz = true"></u-input>
				</u-form-item>
				<u-form-item class="u-m-l-30 u-m-r-30" label-width="200" :label-position="labelPosition" label="企业资质" prop="qyzz">
					<u-input type="select" :select-open="selectShowQyzz" v-model="model.qyzz" placeholder="请选择" placeholderStyle="color: #0D1D36;"
					 input-align="right" @click="selectShowQyzz = true"></u-input>
				</u-form-item>
				<u-form-item class="u-m-l-30 u-m-r-30" :label-width="200" :label-position="labelPosition" label="服务类型" prop="fwlx">
					<u-input type="select" :select-open="selectShowFwlx" v-model="model.fwlx" placeholder="请选择" placeholderStyle="color: #0D1D36;"
					 input-align="right" @click="selectShowFwlx = true"></u-input>
				</u-form-item>
				<u-form-item class="u-m-l-30 u-m-r-30" :label-width="200" :label-position="labelPosition" label="企业地址" prop="qydz">
					<u-input type="select" :select-open="selectShowQydz" v-model="model.qydz" placeholder="请选择" placeholderStyle="color: #0D1D36;"
					 input-align="right" @click="selectShowQydz = true"></u-input>
				</u-form-item>
				
				<u-form-item class="u-m-l-30 u-m-r-30" label-width="200" :label-position="labelPosition" :border-bottom="false" label="人员规模" prop="rygm">
					<u-input type="select" :select-open="selectShowRygm" v-model="model.rygm" placeholder="请选择" placeholderStyle="color: #0D1D36;"
					 input-align="right" @click="selectShowRygm = true"></u-input>
				</u-form-item>
				<!-- <u-form-item class="u-m-l-30 u-m-r-40" :label-width="200" :label-position="labelPosition" :border-bottom="true" label="活动经费" prop="hdjf">
					<u-input type="select" :select-open="selectShowHdjf" v-model="model.hdjf" placeholder="请选择" placeholderStyle="color: #0D1D36;"
					 input-align="right" @click="selectShowHdjf = true"></u-input>
				</u-form-item>
				<view class="u-flex u-row-start qita u-p-30">
					<image src="../../static/img/shuoming.png"></image>
					<view class="u-m-l-20">活动简介</view>
				
				</view>
				<u-form-item class="zwpj u-m-l-30 u-m-r-30 " :label-position="labelPosition"  prop="hdjj">
					<u-input  type="textarea" :border="border" placeholder="请输入活动简介" v-model="model.hdjj" />
				</u-form-item> -->
				<u-gap :bg-color="bgColor" :height="height"  :margin-bottom="marginBottom"></u-gap>
				<u-form-item class="u-m-l-30 u-m-r-30" label-width="200" :label-position="labelPosition" label="关键字" prop="gjz">
					<u-input :border="border" placeholder="请输入" v-model="model.gjz" type="text" input-align="right"></u-input>
				</u-form-item>
				<u-form-item class="u-m-l-30 u-m-r-30" label-width="200" :label-position="labelPosition" label="屏蔽关键字" prop="pbgjz">
					<u-input :border="border" placeholder="请输入" v-model="model.pbgjz" type="text" input-align="right"></u-input>
				</u-form-item>
				<u-form-item class="u-m-l-30 u-m-r-40" :label-width="200" :label-position="labelPosition" :border-bottom="false" label="匹配时效" prop="ppsx">
					<u-input type="select"  v-model="model.ppsx" placeholder="请选择" placeholderStyle="color: #0D1D36;"
					 input-align="right" @click="selectShowPpsx = true"></u-input>
				</u-form-item>
				<view class="fgx">
					
				</view>
				<view class="u-flex u-row-start qita u-p-30">
					<image src="../../static/img/shuoming.png"></image>
					<view class="u-m-l-20">其他说明</view>
				
				</view>
				<u-form-item class="zwpj u-m-l-30 u-m-r-30 " :label-position="labelPosition"  prop="qtsm">
					<u-input  type="textarea" :border="border" placeholder="请输入其他说明" v-model="model.qtsm" />
				</u-form-item>
				
				
			</u-form>
		</view>
		<view class="warp u-m-t-20 u-p-30">
			<u-button class="button" @click="submit">马上为我匹配</u-button>
			<!--弹出框-->
			<u-select mode="single-column" :list="wsList" v-model="selectShowWs" @confirm="selectConfirmWs"></u-select>
			<u-select mode="single-column" :list="wxyList" v-model="selectShowWxy" @confirm="selectConfirmWxy"></u-select>
			<u-select mode="single-column" :list="wyxList" v-model="selectShowWyx" @confirm="selectConfirmWyx"></u-select>
			<u-select mode="single-column" :list="selectList2" v-model="selectShowPtrs" @confirm="selectConfirmPtrs"></u-select>
			<u-select mode="single-column" :list="selectList2" v-model="selectShowNsrs" @confirm="selectConfirmNsrs"></u-select>
			<u-select mode="single-column" :list="selectList2" v-model="selectShowNxrs" @confirm="selectConfirmNxrs"></u-select>
			<u-select mode="single-column" :list="mddList" v-model="selectShowMdd" @confirm="selectConfirmMdd"></u-select>
			<u-select mode="single-column" :list="selectList1" v-model="selectShowHdjf" @confirm="selectConfirmHdjf"></u-select>
			<u-select mode="single-column" :list="dataList" v-model="selectShowPpsx" @confirm="selectConfirmPpsx"></u-select>
			<u-select mode="single-column" :list="qyList" v-model="selectShowQyxz" @confirm="selectConfirmQyxz"></u-select>
			<u-select mode="single-column" :list="selectList" v-model="selectShowQyzz" @confirm="selectConfirmQyzz"></u-select>
			<u-select mode="single-column" :list="selectList" v-model="selectShowFwlx" @confirm="selectConfirmFwlx"></u-select>
			<u-select mode="single-column" :list="dzList" v-model="selectShowQydz" @confirm="selectConfirmQydz"></u-select>
			<u-select mode="single-column" :list="ryList" v-model="selectShowRygm" @confirm="selectConfirmRygm"></u-select>
			<u-picker mode="region" v-model="pickerShow" @confirm="regionConfirm"></u-picker>
			<!--弹出框-->
		</view>
	</view>
</template>
<script>
export default {
	data() {
		let that = this;
		return {
			show: false,
			mode: 'range',
			result: "开始时间   至   结束时间",
			startText: '开始',
			endText: '结束',
			rangeColor: '#2979ff',
			rangeBgColor: 'rgba(41,121,255,0.13)',
			activeBgColor: '#2979ff',
			height: 20,
			bgColor: this.$u.color.bgColor,
			marginTop: 30,
			marginBottom: 30,
			/**
			 * form验证
			 * */
			model: {
				ws: '',
				wxy: '',
				wyx: '',
				ptrs: '',
				nsrs: '',
				region: '',
				nxrs: '',
				nl: '',
				hdjf: '',
				hdjj: '',
				gjz: '',
				pbgjz: '',
				ppsx: '',
				qtsm: '',
				tdmc: '',
				hdlx: '',
				sych: '',
				mdd: '',
				qyxz: '',
				qyzz: '',
				fwlx: '',
				qydz: '',
				rygm: '',
			},
			selectList: [
				{
					value: '测试1',
					label: '测试1'
				},
				{
					value: '测试2',
					label: '测试2'
				},
				{
					value: '测试3',
					label: '测试3'
				},
				{
					value: '30-40',
					label: '30-40'
				}
			],
			dataList: [
				{
					value: '2020-11-10',
					label: '2020-11-10'
				},
				{
					value: '2020-12-10',
					label: '2020-12-10'
				},
				{
					value: '2020-12-20',
					label: '2020-12-20'
				}
			],
			qyList: [{
					value: '国企',
					label: '国企'
				},
				{
					value: '民营',
					label: '民营'
				},
				{
					value: '外资',
					label: '外资'
				}
			],
			ryList: [{
					value: '100',
					label: '100'
				},
				{
					value: '200',
					label: '200'
				},
				{
					value: '500',
					label: '500'
				}
			],
			dzList: [{
					value: '武汉',
					label: '武汉'
				},
				{
					value: '北京',
					label: '北京'
				},
				{
					value: '上海',
					label: '上海'
				}
			],
			wsList:[],
			wxyList:[],
			wyxList:[],
			sqzz: 0,
			selectList1: [
				{
					value: '申请赞助',
					label: '申请赞助'
				},
				{
					value: '自费',
					label: '自费'
				}
			],
			selectList2: [
				{
					value: '100',
					label: '100'
				},
				{
					value: '50',
					label: '50'
				}
			],
			mddList: [
				{
					value: '武汉',
					label: '武汉'
				},
				{
					value: '北京',
					label: '北京'
				},
				{
					value: '上海',
					label: '上海'
				}
			],
			rules: {
				
				ws: [
					{
						required: false,
						message: '请选择我是',
						trigger: 'change'
					}
				],
				wxy: [
					{
						required: false,
						message: '请选择我需要',
						trigger: 'change'
					}
				],
				wyx: [
					{
						required: false,
						message: '请选择我意向',
						trigger: 'change'
					}
				]
			},
			required: false,
			border: false,
			check: false,
			selectStatus: 'close',
			selectShowQyxz: false,
			selectShowQyzz: false,
			selectShowFwlx: false,
			selectShowQydz: false,
			selectShowRygm: false,
			selectShowZyp: false,
			selectShowWs: false,
			selectShowWxy: false,
			selectShowWyx: false,
			selectShowPtrs: false,
			selectShowNsrs: false,
			selectShowNxrs: false,
			selectShowMdd: false,
			selectShowHdjf: false,
			selectShowPpsx: false,
			pickerShow: false,
			labelPosition: 'left',
			codeTips: '',
			errorType: ['toast'],
			reqBody: {},
			/**/

			/**
			 * 数字统计
			 * */
			startVal: 500,
			endVal: 500,
			separator: ',',
			decimals: 0,
			duration: 2000,
			autoplay: true,
			useEasing: true,
			current: 3,
			isStop: false,
			bold: false,
			fontSize: 24,
			color: '#fff',
			/**/
			keyIndex:0,
			keywords: [{name:'企业',selected:true},{name:'设计师',selected:false},{name:'监理',selected:false},{name:'大型企业',selected:false},{name:'采购',selected:false},{name:'监理',selected:false}]
		};
	},
	mounted() {},
	onShow(){
		this.wsDictionary();
		this.wxyDictionary();
		this.wyxDictionary();
	},
	onReady() {
		this.$refs.uForm.setRules(this.rules);
	},
	methods: {
		//新增项目
		async submit() {
			this.$refs.uForm.validate(valid => {
				if (valid) {
					console.log('验证通过');
					this.matching();
				} else {
					console.log('验证失败');
				}
			});
			
		},
		//活动匹配并新增
		async matching(){
			try {
			let reqBody = {};
			reqBody['num'] = parseInt(this.model['ptrs']);
			reqBody['area'] = this.model['mdd'];
			reqBody['content'] = this.model['sych'];
			reqBody['way'] = this.model['hdlx'];
			reqBody['bestKey'] = this.model.gjz;
			reqBody['blackKey'] = this.model.pbgjz;
			reqBody['remarks'] = this.model.qtsm;
			reqBody['expiryTime'] = this.model.ppsx;
			reqBody['activityName'] = this.model.ws;
			reqBody['imean'] = this.model.wyx;
			reqBody['ineed'] = this.model.wxy;
			reqBody['xingzhi'] = this.model.qyxz;
			reqBody['zizhi'] = this.model.qyzz;
			reqBody['leixing'] = this.model.fwlx;
			reqBody['dizhi'] = this.model.qydz;
			reqBody['total'] = this.model.rygm;
			let data = await this.$apis.sqzzMatching(reqBody);
			if(data.code == 200){
				uni.showToast({
						title: "服务匹配成功",
						icon: 'none'
				});
				setTimeout(() => {
					this.$mRouter.switchTab({
						route:this.$mRoutesConfig.message
					});
				},2000)
				
			}else{
				uni.showToast({
					title: result.msg,
					icon: 'none'
				});
				return;
			}
			} catch (e) {
				console.log(e);
				this.submitBtnDis = false;
			}
		},
		//智汇活动(查询需要赞助且没有赞助的团队)
		async wsDictionary(){
			// let reqBody = {};
			// reqBody['primary'] = "招投标";
			// reqBody['secondary'] = "我是";
			let result = await this.$apis.selectAllActivity();
			let list = result.data;
			for (let i = 0; i < list.length; i++) {
				let wsValue = {};
				wsValue['value'] = list[i];
				wsValue['label'] = list[i];
				this.wsList.push(wsValue)
			}
		},
		//查询匹配 我是  字典数据
		// async wsDictionary(){
		// 	let reqBody = {};
		// 	reqBody['primary'] = "招投标";
		// 	reqBody['secondary'] = "我是";
		// 	let result = await this.$apis.findMatchingDictionary(reqBody);
		// 	let list = result.data;
		// 	for (let i = 0; i < list.length; i++) {
		// 		let wsValue = {};
		// 		wsValue['value'] = list[i].name;
		// 		wsValue['label'] = list[i].name;
		// 		this.wsList.push(wsValue)
		// 	}
		// },
		//查询匹配 我需要  字典数据
		async wxyDictionary(){
			let reqBody = {};
			reqBody['primary'] = "招投标";
			reqBody['secondary'] = "我需要";
			let result = await this.$apis.findMatchingDictionary(reqBody);
			let list = result.data;
			for (let i = 0; i < list.length; i++) {
				let wxyValue = {};
				wxyValue['value'] = list[i].name;
				wxyValue['label'] = list[i].name;
				this.wxyList.push(wxyValue)
			}
		},
		//查询匹配 我意向  字典数据
		async wyxDictionary(){
			let reqBody = {};
			reqBody['primary'] = "招投标";
			reqBody['secondary'] = "我意向";
			let result = await this.$apis.findMatchingDictionary(reqBody);
			let list = result.data;
			for (let i = 0; i < list.length; i++) {
				let wyxValue = {};
				wyxValue['value'] = list[i].name;
				wyxValue['label'] = list[i].name;
				this.wyxList.push(wyxValue)
			}
		},
		selectKey(e){
			this.keywords[e].selected = !this.keywords[e].selected;
		},
		//选择日期
		change(e) {
			if (this.mode == 'range') {
				this.result = e.startDate + " - " + e.endDate;
			} else {
				this.result = e.result;
			}
		},
		dianji(){
			this.show = true;
		},
		// 选择地区回调
		regionConfirm(e) {
			this.model.region = e.province.label + '-' + e.city.label + '-' + e.area.label;
		},
		// 选择
		selectConfirmWs(e) {
			this.model.ws = '';
			e.map((val, index) => {
				this.model.ws += this.model.ws == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmWxy(e) {
			this.model.wxy = '';
			e.map((val, index) => {
				this.model.wxy += this.model.wxy == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmWyx(e) {
			this.model.wyx = '';
			e.map((val, index) => {
				this.model.wyx += this.model.wyx == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmPtrs(e) {
			this.model.ptrs = '';
			e.map((val, index) => {
				this.model.ptrs += this.model.ptrs == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmNsrs(e) {
			this.model.nsrs = '';
			e.map((val, index) => {
				this.model.nsrs += this.model.nsrs == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmNxrs(e) {
			this.model.nxrs = '';
			e.map((val, index) => {
				this.model.nxrs += this.model.nxrs == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmMdd(e) {
			this.model.mdd = '';
			e.map((val, index) => {
				this.model.mdd += this.model.mdd == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmHdjf(e) {
			if(e=="申请赞助"){
				this.sqzz = 1
			}else{
				this.sqzz = 0
			}
			this.model.hdjf = '';
			e.map((val, index) => {
				this.model.hdjf += this.model.hdjf == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmPpsx(e) {
			this.model.ppsx = '';
			e.map((val, index) => {
				this.model.ppsx += this.model.ppsx == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmQyxz(e) {
			this.model.qyxz = '';
			e.map((val, index) => {
				this.model.qyxz += this.model.qyxz == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmQyzz(e) {
			this.model.qyzz = '';
			e.map((val, index) => {
				this.model.qyzz += this.model.qyzz == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmFwlx(e) {
			this.model.fwlx = '';
			e.map((val, index) => {
				this.model.fwlx += this.model.fwlx == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmQydz(e) {
			this.model.qydz = '';
			e.map((val, index) => {
				this.model.qydz += this.model.qydz == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmRygm(e) {
			this.model.rygm = '';
			e.map((val, index) => {
				this.model.rygm += this.model.rygm == '' ? val.label : '-' + val.label;
			});
		}
	}
};
</script>
<style scoped lang="scss">
// page {
// 	background: #f5f5f9;
// }
.top{
	width: 100%;
	height: 350rpx;
	background: linear-gradient(0deg, #AB61FF, #DF61FF);
	.above{
		display: flex;
		justify-content: center;
		margin-left: -46rpx;
		.picture{
			width: 117.8rpx; height: 137.4rpx;
			margin-left: 46rpx;
			
		}
	}
	.below{
		display: flex;
		justify-content: center;
		margin-left: -46rpx;
		.picture{
			width: 117.8rpx; height: 137.4rpx;
			margin-left: 46rpx;
			margin-top: 1rpx;
		}
	}
}

.qita{
	
	image{
		width: 29rpx;
		height: 29rpx;;
	}
}

.zwpj{
		width: 690rpx;
		height: 260rpx;
		background-color: #F5F5F9;
		font-size: 30rpx;
		color: #F5F5F9;
		border-radius: 10rpx;
		line-height: 44rpx;
	}

.count {
	margin-top: -50rpx;
	width: 100%;
	height: 100rpx;
	background: #FFFFFF;
	border-radius: 40rpx 40rpx 0rpx 0rpx;
	.count-to {
		font-size: 24rpx;
	}
	text {
		padding: 2rpx 12rpx;
		background: #ff9e21;
		color: #ffffff;
		font-size: 24rpx;
	}
}
.fgx{
	width: 100%;
	height: 20rpx;
	background-color: #F5F5F9;
	margin-top: 40rpx;
}
.fgx1{
	width: 100%;
	height: 20rpx;
	background-color: #F5F5F9;
}
.group {
	padding: 6rpx 21rpx;
	background: #f1f7ff;
	border-radius: 6rpx;
	margin: 30rpx 30rpx 0 30rpx;
}
.button {
	width: 662rpx;
	margin:151rpx auto 73rpx auto;
	background: #ab61ff;
	border-radius: 40rpx;
	border: 0;
	color: #fff;
	&.u-hairline-border:after {
		border: 0;
	}
}
.word {
	font-size: 36rpx;
	color: #0d1d36;
	font-weight: bold;
}

</style>
